Can i add idempotent identifiers to tokens?

[ivanjaros]

I am using the lexer to generate MD tokens which I then render in Vue application on my own(i just cannot render plain html straight from marked for various reasons). I am also using live MD preview in my WYSIWYG editor and as the text is getting larger, it will inevitable cause lagging.

Vue has a key property which is used in loops to identify individual elements. It is also used to avoid re-rendering elements that have not changed. And since the tokens have to be generated recursively, I am wondering if it would be possible to generate unique id for each token to be then used as key and prevent Vue re-rendering tokens that have not changed and prevent the lagging issue.

I am not sure how that could be achieved though since the document will be changing as user is typing and might be editing text anywhere. I could easily hash the "raw" portion of the token with some fast algorithm and possibly track nesting level to distinguish tokens that hold the same content but are present in different places. But am not sure whether that is the right away to approach it.

So just a general question whether there is something that could be useful in this case?

[ivanjaros]

Actually it is working as i needed. If anyone's interested, have a look at v-memo and you'll figure it out.